 <template>
	<div>
		<mt-swipe :auto="4000">
			<mt-swipe-item v-for="item in lunboList" :key="item.id">
				<img :src="item.img" alt="">
			</mt-swipe-item>
		</mt-swipe>
		<ul class="mui-table-view mui-grid-view mui-grid-9">
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/home/newslist">
		                    <span class="mui-icon mui-icon-home"></span>
		                    <div class="mui-media-body">新闻资讯</div></router-link></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/home/photoList">
		                    <span class="mui-icon mui-icon-image"><span class="mui-badge">5</span></span>
		                    <div class="mui-media-body">图片分享</div></router-link></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		                    <span class="mui-icon mui-icon-chatbubble"></span>
		                    <div class="mui-media-body">Chat</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		                    <span class="mui-icon mui-icon-location"></span>
		                    <div class="mui-media-body">location</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		                    <span class="mui-icon mui-icon-search"></span>
		                    <div class="mui-media-body">Search</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		                    <span class="mui-icon mui-icon-phone"></span>
		                    <div class="mui-media-body">Phone</div></a></li>
		           
		        </ul> 
	</div>
</template>

<script>
	export default {
		name: 'HomeContainer',
		data() {
			return {
				lunboList: [ 
					{
						id: '1',
						img: 'https://img.alicdn.com/tfs/TB1MaLKRXXXXXaWXFXXXXXXXXXX-480-260.png'
					},
					{
						id: '2',
						img: 'https://gw.alicdn.com/bao/uploaded/i2/TB1KzvpQXXXXXbXXFXXXXXXXXXX_!!0-item_pic.jpg'
					}
				]
			}
		},
		methods: {
			
		}
		
	}
</script>

<style >
	.mint-swipe{
		height: 200px;
	}
	.mint-swipe-item img{
		height: 100%;
		width: 100%;
	}
</style>
